CSS filter
filter: invert(75%) opacity(25%) saturate(30%);
のように書く
あるパーツの配色が気に入らない時
1つずつ色指定するよりも、親要素のセレクタに
filter: hue-rotate(90deg);
とか書いた方が、まとめて色を変えれて楽な場合もある
hue-rotateやinvertで色を変えたDOM要素のうち、画像だけは元に戻したい
code:css
.foo {
filter: hue-rotate(90deg) invert(100%);
}
.foo img {
filter: hue-rotate(270deg) invert(100%);
}
個別にhue-rotateやinvertをかけると、元の色に戻る